
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-1.4.js"></script>
    <!-- <script src="http://code.jquery.com/jquery-1.2.6.js"></script> -->
    <!-- <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> -->
</head>


<body>


  


 
        <h1 id="couser" >jQuery入门视频课</h1>
        <p id="teacher" >主讲 郭孟涛</p>
        
        <a id="attr"  >链接</a>

        输入：<input id="title" type="text" value="Dom操作学习">
        <p></p>
        <button id="settext" >设置文本</button>  <p></p>
        <button id="settextnew" >设置文本  + 旧的文本</button><p></p>
        <button id="sethtml" >设置html</button><p></p>
        <button id="setvalue" >设置value</button><p></p>
        <button id="setattr" >设置属性</button><p></p>
        <button id="setattrmore" >设置多个属性</button><p></p>


        <script>

            $(document).ready(function(){
                $("#settext").click(function(){
                    $("#couser").text("Hello World!")
                });

                $("#settextnew").click(function(){
                    $("#couser").text(function(i,origText){
                            return "下标" + i + "旧的内容：" + origText +"新的内容：666";
                    });
                });
                
                $("#sethtml").click(function(){
                    $("#teacher").html("Hello World 主讲 <b>郭孟涛</b>!")
                });

                $("#setvalue").click(function(){
                    $("#title").val(" 主讲  郭孟涛 !")
                });

                $("#setattr").click(function(){
                    $("#title").attr("value"," 主讲  郭孟涛 666!")
                });

                $("#setattrmore").click(function(){
                    $("#title").attr({"tom":"happye","value":"666!"})
                });

            });

 
    //         $(document).ready(function(){
    //             $("#settext").click(function(){
    //                 $("#couser").text("Hello World!");
    //             });

    //             $("#settextnew").click(function(){
    //                 $("#couser").text(function(a,b){
    //     return "旧文本: " + b + " 新文本: Hello world! (index: " + a + ")"; 
    // });
                    
    //             });

   
                
    //             $("#sethtml").click(function(){
    //                 $("#teacher").html("主讲 <b>郭孟涛</b>");
    //             });
                
    //             $("#setvalue").click(function(){
    //                 $("#title").val("主讲 郭孟涛 ");
    //             });

    //             $("#setattr").click(function(){
    //                 $("#title").attr("value","主讲 郭孟涛666 ");
    //             });

    //             $("#setattrmore").click(function(){
    //                 $("#title").attr({"value":"主讲 郭孟涛123 ","tom":"happy coder"});
    //             });

    //         });
        </script>

         
</body>
</html>